/* 深色科技主题输入字段样式 */

/* Element Plus 输入框样式覆盖 */
.el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

.el-input__inner {
  color: var(--tech-text-primary) !important;
  background-color: transparent !important;
}

.el-input__inner::placeholder {
  color: var(--tech-text-secondary) !important;
}

/* 禁用状态 */
.el-input.is-disabled .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(120, 220, 255, 0.1) !important;
}

.el-input.is-disabled .el-input__inner {
  color: var(--tech-text-disabled) !important;
}

/* 文本域样式 */
.el-textarea__inner {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
  color: var(--tech-text-primary) !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.el-textarea__inner:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-textarea__inner:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

.el-textarea__inner::placeholder {
  color: var(--tech-text-secondary) !important;
}

/* 选择器样式 */
.el-select .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-select .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-select .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

/* 下拉面板样式 */
.el-select-dropdown {
  background-color: var(--tech-bg-secondary) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.el-select-dropdown__item {
  color: var(--tech-text-primary) !important;
  background-color: transparent !important;
}

.el-select-dropdown__item:hover {
  background-color: rgba(120, 220, 255, 0.1) !important;
}

.el-select-dropdown__item.selected {
  background-color: rgba(120, 220, 255, 0.2) !important;
  color: var(--tech-accent-color) !important;
}

/* 数字输入框样式 */
.el-input-number .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-input-number .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-input-number .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(120, 220, 255, 0.2) !important;
  color: var(--tech-text-primary) !important;
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  background-color: rgba(120, 220, 255, 0.1) !important;
  color: var(--tech-accent-color) !important;
}

/* 日期选择器样式 */
.el-date-editor .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-date-editor .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-date-editor .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

/* 时间选择器样式 */
.el-time-editor .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-time-editor .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-time-editor .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

/* 树形选择器样式 */
.el-tree-select .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-tree-select .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-tree-select .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

/* 级联选择器样式 */
.el-cascader .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-cascader .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-cascader .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

/* 搜索框特殊样式 */
.search-bar .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(120, 220, 255, 0.3) !important;
}

.search-bar .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(120, 220, 255, 0.5) !important;
}

.search-bar .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.3) !important;
}

/* 表单内输入框样式 */
.el-form-item .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(120, 220, 255, 0.25) !important;
}

.el-form-item .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(120, 220, 255, 0.45) !important;
}

.el-form-item .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.25) !important;
}

/* 错误状态样式 */
.el-form-item.is-error .el-input__wrapper {
  border-color: var(--el-color-danger) !important;
}

.el-form-item.is-error .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 2px rgba(245, 108, 108, 0.2) !important;
}

/* 成功状态样式 */
.el-form-item.is-success .el-input__wrapper {
  border-color: var(--el-color-success) !important;
}

.el-form-item.is-success .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 2px rgba(103, 194, 58, 0.2) !important;
}

/* 自动完成样式 */
.el-autocomplete .el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(120, 220, 255, 0.2) !important;
}

.el-autocomplete .el-input__wrapper:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.4) !important;
}

.el-autocomplete .el-input__wrapper.is-focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--tech-accent-color) !important;
  box-shadow: 0 0 0 2px rgba(120, 220, 255, 0.2) !important;
}

/* 输入框组样式 */
.el-input-group__prepend,
.el-input-group__append {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(120, 220, 255, 0.2) !important;
  color: var(--tech-text-primary) !important;
}

/* 密码输入框眼睛图标 */
.el-input__password {
  color: var(--tech-text-secondary) !important;
}

.el-input__password:hover {
  color: var(--tech-accent-color) !important;
}

/* 清除按钮样式 */
.el-input__clear {
  color: var(--tech-text-secondary) !important;
}

.el-input__clear:hover {
  color: var(--tech-accent-color) !important;
}

/* 输入框前缀和后缀图标 */
.el-input__prefix,
.el-input__suffix {
  color: var(--tech-text-secondary) !important;
}

/* 输入框计数器 */
.el-input__count {
  color: var(--tech-text-secondary) !important;
  background-color: transparent !important;
}
